  *{margin: 0;padding: 0; list-style: none;}
        .thirdly{
            width: 100%;
            height: 312px;
            background: #83ba8b;
            position:absolute;
            box-sizing: border-box;
        }
        .thirdly header{
            margin: 5px auto;
            width: 550px;
            height: 90px;
            background: #f7f7f7;
            border-radius: 50px;
        }
        .thirdly header h1{
            line-height: 160px;
            margin: 0px 0 0 32px;
        }
        .thirdly p{
            margin-top:30px ;
            text-align: center;
            font-size: 20px;
        }
        .thirdly nav{
            width: 100%;
        }
        .thirdly nav ul{
            width: 1200px;
            height: 251px;
            margin: 40px auto;
            overflow: hidden;
        }
        .thirdly nav ul li{
            display: inline-block;
            width: 291px;
            height: 251px;
            margin-left: 80px;
            position: relative;
        }
        .thirdly nav ul li img:nth-child(1){
            transform-origin: bottom;
            transition: all .2s ease-in;
        }
        .thirdly nav ul li img:nth-child(2){
            position: absolute;
            left: 0;
            top: -100%;
            opacity: 0;
            transition: all .2s ease-in;
        }
        .thirdly nav ul li:hover img:nth-child(1){
            transform: rotatex(90deg);
            transform-origin: bottom;
            opacity: 0;
        }
        .thirdly nav ul li:hover img:nth-child(2){
            transform:translateY(100%);
            opacity: 1;
        }